@charset "utf-8";
@import './_reset';

.web{
	width: 100%;
	height: 100%;
	font-family: "microsoft yahei";
}
.clearmar{
			margin:0px;
			}
// ----  导航  -----//
.navbar{
	border-radius: 0px;
}
nav{
	>.container{
	>.navbar-header{
		>.logo{
			display: flex;
			align-items: center;
			margin-left: 100px;
		}
	
	}
}	
}
// ----  引擎  -----//
.engine{
	background-color: #fbfaf7;
	>.container{
		>.row{
			padding: 137px 0 40px 0;
			
			h2{
				font-size: 48px;
				font-family: "microsoft yahei";
				color: #0078d7;
				margin-top:-30px;
				font-weight: bold;
			}
			h3{
				font-size: 30px;
				font-family: "microsoft yahei";
				color: #666666;
				padding-bottom:70px;
			}
			>.col-sm-8{
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				position: relative;
				// right: -50px;
				z-index: 99;
				.col-sm-6{
					padding-right: 44px;
					>.row{
					margin-left: 8px;
					padding-bottom: 46px;
					p{
						font-size: 19px;
						font-family: "microsoft yahei";
						color: #333333;
					}
					span{
						font-size: 14px;
						font-family: "microsoft yahei";
						color: #666666;
					}
				}
				  .col-xs-9{
					  padding-left: 20px;
				  }
				}
			}
			>.col-sm-4{
				position: relative;
				// left:-40px;
				// overflow: hidden;
			}
		
		}
	}
}
.icon1{
		width: 64px;
		height: 64px;
		background: url(../img/img1.png) no-repeat scroll center #0078d7;
		border-radius: 5px;
		}
.icon2{
		width: 64px;
		height: 64px;
		background: url(../img/img2.png) no-repeat scroll center #0078d7;
		border-radius: 5px;
		}
.icon3{
		width: 64px;
		height: 64px;
		background: url(../img/img3.png) no-repeat scroll center #0078d7;
		border-radius: 5px;
		}
.icon4{
		width: 64px;
		height: 64px;
		background: url(../img/img4.png) no-repeat scroll center #0078d7;
		border-radius: 5px;
		}

.carousel-inner{
	margin-top: -20px;
}

// ----  优势  -----//
.advantage{
	width: 100%;
	>.container{
		>.row{
			padding-top: 134px;
			padding-bottom: 104px;
			>.col-sm-5{
				margin-top: 35px;
			}
			>.col-sm-7{
				>h2{
					font-size: 48px;
					font-family: "microsoft yahei";
					margin-top: -30px;
					padding-bottom: 40px;
					color: #8fc31f;
					display: flex;
					font-weight: bold;
				}
				>.row{
					padding-left: 30px;
					padding-bottom: 16px;
					display: flex;
					align-items: center;
					>.col-xs-10{
						font-size: 14px;
						color: #666666;
						text-align: justify;
					
					}
				}
		}
		}
	}
}
.icon5{
	width: 54px;
	height: 54px;
	background: url(../img/little1.png) no-repeat scroll center #8fc31f;
	border-radius: 50%;
}
.icon6{
	width: 54px;
	height: 54px;
	background: url(../img/littile2.png) no-repeat scroll center #8fc31f;
	border-radius: 50%;
}
.icon7{
	width: 54px;
	height: 54px;
	background: url(../img/little3.png) no-repeat scroll center #8fc31f;
	border-radius: 50%;
}
.icon8{
	width: 54px;
	height: 54px;
	background: url(../img/little4.png) no-repeat scroll center #8fc31f;
	border-radius: 50%;
}

//----  产品家族  ----//
 .family{
	 width: 100%;
	 background-color: #0079d7;
	 >.container{
		>.row{
			>p{
			text-align: center;
			 font-size: 48px;
			 color: #fffefe;
			 padding-bottom: 70px;
			 padding-top: 111px;
				}
		}
		>.row{
			>.col-sm-6{
				>.row{
					padding-bottom: 70px;
					>.col-xs-2{
						padding-top: 20px;	
					}
					>.col-xs-8{
						margin-left: 20px;
						padding-right: 105px;
						text-align: justify;
						>p{
							font-size: 33px;
							color: #fffefe;
						}
						>span{
							font-size: 13px;
							color: #fffefe;
						}
					}
				}
			}
		}
	 }
 }
 .fam{
	 padding-bottom: 100px;
 }
 //----  Layagame ----//
 .layagame{
	 >.container{
		 
		 >.gametop{
			 padding-top: 86px;
			>.col-md-7{
				>p{
					font-size: 35px;
					color: #2a2a2a;
				}
			}
			>.col-md-3{
				>p{
					text-align: right;
					font-size: 14px;
					color: #2a2a2a;
				}
			}
		}
		>.gamebottom{
			padding-top: 35px;
			padding-bottom: 64px;
			>.col-md-4{
				
			}
			>.col-md-6{
				>.col-md-2{
					height: 109px;
					text-align: center;
					>p{
						width: 67px;
						text-align: center;
					}
			}
			
			}
		}
	}
 }
 .game{
	 width: 67px;
	 height: 67px;
	 border-radius: 5px;
 }
 .game1{
	 background: url(../img/icon_01.png) no-repeat scroll center;
 }
 .game2{
	 background: url(../img/icon_02.png) no-repeat scroll center;
 }
 .game3{
 	 background: url(../img/icon_03.png) no-repeat scroll center;
 }
 .game4{
	 background: url(../img/icon_04.png) no-repeat scroll center;
 }
 .game5{
 	 background: url(../img/icon_05.png) no-repeat scroll center;
 }
 .game6{
 	 background: url(../img/icon_06.png) no-repeat scroll center;
 }
 .game7{
	 background: url(../img/icon_07.png) no-repeat scroll center;
 }
 .game8{
 	 background: url(../img/icon_08.png) no-repeat scroll center;
 }
 .game9{
 	 background: url(../img/icon_09.png) no-repeat scroll center;
 }
 .game10{
 	 background: url(../img/icon_10.png) no-repeat scroll center;
 }
 .game11{
	 background: url(../img/icon_11.png) no-repeat scroll center;
 }
 .game12{
 	 background: url(../img/icon_12.png) no-repeat scroll center;
 }

//-----合作伙伴-----//
.partner{
	background-color:#f4f4f4;
	>.container{
		height: 100%;
		>.row{
			>.partop{
				padding-top: 40px;
				padding-bottom: 30px;
				.sp1{
					font-size: 30px;
					color: #2a2a2a;
				}
				.sp2{
					font-size: 11px;
					color:#777777;
				}
			}
			>.parbottom{
				padding-bottom: 30px;
				>.hzimg{
					padding-bottom: 24px;
				}
			}
			
		}
	}
}

//----- 页尾 -----//
footer{
	background-color: #3b3b3b;
	>.container{
		>.footer_top{
			padding-top: 40px;
			padding-bottom: 40px;
			.footer_a{
				>a{
					color: #a1a3ab;
				}
				>p{
					color: #a1a3ab;
				}
			}
			.footer_right{	
			}
		}
	}
}
//----  媒体查询  ----//
@media only screen and (min-width:992px) and (max-width:1199px){
	nav > .container > .navbar-header > .logo {
	    margin-left:10px;
	}
}
@media only screen and (min-width:768px) and (max-width:992px){
			.navbar-brand{
				padding-right: 3px;
				padding-left: 3px;
			}
			nav > .container > .navbar-header > .logo {
			
			    margin-left: 0px;
			}
			.nav > li > a {
			    padding: 15px 4px;
			}
	}
@media only screen and (min-width:768px) and (max-width:992px) {
		.engine > .container>.row{
		    padding-top:60px;
		}
		.engine > .container > .row > .col-sm-8 .col-sm-6 > .row {
		    margin-left: 8px;
			margin-right: -80px;
		}
		.engine > .container > .row h3 {
		    font-size: 30px;
		    font-family: "microsoft yahei";
		    color: #666666;
		    padding-bottom: 70px;
			margin-right: -80px;
		}
}

@media only screen and (min-width:768px)and (max-width:992px) {
	.advantage > .container > .row > .col-sm-7 > h2{
		margin-top: -15px;
	}
	.advantage > .container > .row > .col-sm-7{
		padding-left: 70px;
	}
	.advantage > .container > .row > .col-sm-5 {
	    margin-top: 35px;
		left: 20px;
	}
	.moremore{
		padding-top: 25px;
	}
}
@media only screen and (max-width:768px){
	.family > .container > .row > p {
	    text-align: left;
		padding-left: 10px;
		font-size: 43px;
		font-weight: bold;
	}
	.family>.container>.row>.col-sm-6 .col-xs-8{
		margin-left: -15px;
	}
	.logo{
		padding: 0;
	}
	.layagame > .container > .gametop > .col-md-7 > p {
		font-size:25px;
		font-weight: bold;
		margin-top: -30px;
	}
	.layagame > .container > .gamebottom > .col-md-6 > .col-md-2{
		padding: 20px;
		// margin-left: -3px;
	}
}